<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>for pc</title>
	</head>
	<body>
    <!-- 以下のサイズはDesire用。Galaxyでは、480x640の比率 -->
    <div>
		<img class="videoout" width=240 height=400>
		<img class="videoout" width=240 height=400>
		<img class="videoout" width=240 height=400>
		<img class="videoout" width=240 height=400>
  </div>
    <div>
		<img class="videoout" width=240 height=400>
		<img class="videoout" width=240 height=400>
		<img class="videoout" width=240 height=400>
		<img class="videoout" width=240 height=400>
  </div>
		<script>
			// WebSocketサーバとの接続
			var ws = new WebSocket("ws://"+location.host+":1111");
			ws.onopen = function(){
				// コネクションが確立

				// データ受信時(DataURL)
				ws.onmessage = function(e){
					// imgeノードのsrcを受信データ（DataURL）とする（画像の描画）
          var vo_ = document.getElementsByClassName('videoout');
          for(var i = 0, l = vo_.length; i < l; ++i) {
            vo_[i].src = e.data;
          }
				}
			}
		</script>
	</body>
</html>
